
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>带摇晃特效的扁平风格登录注册表单界面</title>
<link rel="stylesheet" type="text/css" href="./css/login.css">

</head>
<body>
<div id="wrapper" class="login-page">
<div id="login_form" class="form">

<form class="login-form" id="form-login">
 <h2>管理登录</h2>
<input type="email" name="email" placeholder="邮箱" id="user_email" />
<input type="password" name="password" placeholder="密码" id="password" />
<button id="login" onclick="adminlogin()">登　录</button>

</form>
</div>
</div>

<script src="js/jquery.min.js"></script>
<script type="text/javascript">
	
	function adminlogin(){
		let admin = $('#form-login').serialize()
		$.ajax({
			url:"http://localhost:8080/company/login",
			type:'post',
			dataType:'json',
			data:admin,
			success: function(data) {
				console.log(data)
				// check_login(data.admin)
				
				let admin = data.admin
				let email = data.admin.email
				if(data.code == 200) {
					alert('登录成功！')
					sessionStorage.setItem("email",email);
					sessionStorage.setItem("admin",admin);
					location.replace('./index.html')
				}
				else if(data.code == 500){
					alert('登录失败，账户名或密码错误！')
				}
			},
			error: function(){
				alert('用户名或者密码错误！')
			}
		})
	}
	
	// // 登录失败时的窗口抖动
	// function check_login(admin)
	// {
	// 	console.log(admin)
	//  if(email==admin.email && password==admin.password)
	//  {
	//   alert("登录成功！");
	//   $("#user_name").val("");
	//   $("#password").val("");
 //       $(location).attr('href', 'index.html');
	//  }
	//  else
	//  {
	//   $("#login_form").removeClass('shake_effect');  
	//   setTimeout(function()
	//   {
	//    $("#login_form").addClass('shake_effect')
	//   },1);  
	//  }
	// }
	
	// $(function(){
	// 	$("#create").click(function(){
	// 		check_register();
	// 		return false;
	// 	})
	// 	$("#login").click(function(){
	// 		check_login();
	// 		return false;
	// 	})
	// 	$('.message a').click(function () {
	// 	    $('form').animate({
	// 	        height: 'toggle',
	// 	        opacity: 'toggle'
	// 	    }, 'slow');
	// 	});
	// })
	

	
	
	</script>
</body>
</html>
